$(document).ready(function() { 
 
	var html = "";
	html = html + "<div id='header'>";
	html = html +	"<div id='nav-top'>";
	html = html + 	"<table>";
	html = html + 		"<col style='width:20%;'/>";
	html = html + 		"<col style='width:60%;'/>";
	html = html + 		"<col style='width:20%;'/>";
	html = html + 		"<tr>"; 
	html = html + 			"<td id='nav-top-left'><button class='gray'>◀</a></div></td>";
	html = html + 			"<td id='nav-top-center'>모바일웹 샘플 어플</td>";
	html = html + 			"<td id='nav-top-right'><button class='gray'>▶</a></div></td>";
	html = html + 		"</tr>"; 
	html = html + 	"</table>"; 
	html = html + 	"</div>"; 
	html = html + "</div>";
	
	$("body").append(html); 
	$("body").append("<div id='content'></div>");
	$("body").append("<div id='footer'></div>");
	$("body").append("<div id='copyright'></div>");
	
	html = ""; 
	html = html + "<div class='tab'>";
	html = html + 	"<ul>";
	html = html + 		"<li><a herf='tab-a'><span>아이고 답답해</span></a></li>"; 
	html = html + 		"<li><a herf='tab-b'><span>아이고 짜증나</span></a></li>"; 
	html = html + 	"</ul>"; 
	html = html + 	"<div class='tab-a'>123";	
	html = html + 	"</div>";	
	html = html + 	"<div class='tab-b'>123";	
	html = html + 	"</div>";	
	html = html + "</div>";	
	html = html + "<div class='toolbar'>";
	html = html + "<table>";
	html = html +     "<col style='width:20%;'/>";
	html = html + 	  "<col style='width:50%;'/>";
	html = html + 	  "<col style='width:30%;'/>";
	html = html + 	  "<tr>"; 
	html = html + 		  "<td><button class='red'>신규</a></div></td>";
	html = html + 		  "<td>모바일웹 샘플 어플리케이션</td>";
	html = html + 		  "<td>";
	html = html + 		      "<button class='white'>A기능</a></div>";
	html = html + 		      "<button class='white'>B기능</a></div>";
	html = html + 		  "</td>";
	html = html + 	  "</tr>"; 
	html = html + "</table>"; 
	html = html + "</div>";	
	html = html + "<div class='datagrid'>";
	html = html + "<table>";
	html = html + 	"<col style='width: 20%;'/>";
	html = html + 	"<col style='width: 70%;'/>";
	html = html + 	"<col style='width: 10%;'/>"; 
	html = html + 	"<tr>";
	html = html + 		"<td>머야 기건 </td>";
	html = html + 		"<td>2010.10.21</td>";
	html = html + 		"<td><button class='none'><img src='/blueforce/resources/icon/nuvola/actions/player_play.png'/></a></td>";
	html = html + 	"</tr>";   
	html = html + 	"<tr>";
	html = html + 		"<td>머야 기건 </td>";
	html = html + 		"<td>2010.10.21</td>";
	html = html + 		"<td><button class='none'><img src='/blueforce/resources/icon/nuvola/actions/player_play.png'/></a></td>";
	html = html + 	"</tr>"; 
	html = html + "</table>";
	html = html + "</div>";
	
	$("#content").append(html); 
	$("#copyright").append("create by 최현식");  
	$("div.datagrid td:nth-child(3)").css("float", "right");  
 

});  